/*匹配所有*/
*{
    color: rgb(241, 245, 17);
}
/* 给id="div1"的标签进行装扮 */
#div1{
     width: 300px;  /*宽度*/
     height: 400px; /*高度*/
     border: 2px solid red;  /*边框: 像素  实线  红色*/
     /* 将块级元素设置成为行内元素，行内元素特点，宽高设置没有用，不独占一行 */
     display: inline;
}
/*给class="div-green"的标签进行装扮，这个标签可以是多个
所有的标签只要class值为div-green就会有下面样式*/
.div-green{
        width: 20%;  /*宽度：20% 占比*/
        height: 300px;  /*高度*/
        background-color: beige;  /*背景颜色*/
        color: blueviolet;  /*字体颜色*/
        font-size: 30px;  /*字体大小*/
        border: 2px solid rgb(0, 255, 85);
        /* 将块级元素设置成为行内块  ：可以设置宽高，不独占一行 */
        display: inline-block;
}
/*对所有的p标签进行样式操作   字体颜色为浅蓝色，字体大小为30px，字体的行高为50px*/
p{
    color: rgb(255, 38, 0);
    font-size: 30px;
    font-family: "黑体加粗";
    line-height: 50px;  /*行高*/
}
/* 给所有a标签设置样式 */
a{
    text-decoration: none;  /*没有下划线*/
    color: black;  /*字体的颜色*/
    font-size: 30px;
    height: 130px;
    /* 将行内元素设置成为块级元素 */
    display: block;
}

/*  优先级  id>class>标签>*    */